<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title>CleanCut - a Themeforest HTML Template</title>
	
	<!-- ########## CSS Files ########## -->	
	<!-- Screen CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/style5.css" type="text/css" media="screen" />
	<!-- lightbox CSS -->
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />	
	<!-- ########## end css ########## -->	
	
	
	<!-- JAVASCRIPT GOES HERE -->
	<script type='text/javascript' src='js/jquery.js'></script>
	<script type='text/javascript' src='js/cufon.js'></script>
	<script type='text/javascript' src='js/quicksand.font.js'></script>
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>	
	<script type='text/javascript' src='flashplayer/flowplayer-3.1.4.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>	
	<!--[if IE 6]>
	<script type='text/javascript' src='js/dd_belated_png.js'></script>
	<script>DD_belatedPNG.fix('.ie6fix');</script>
	<style>.box ul li a, .box ul a, .hr {zoom:1;}</style>
	<![endif]-->

</head>
<body id="top" class='fullwidth'>

<div class="wrapper" id='wrapper_head'>

	<div class="center">
	
		<div id="head">
		
			<h1 class="logo"><a href="index.html" class='ie6fix'>CleanCut</a></h1>
			<ul id="nav">
				<li><a href="index.html">Home</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
				</ul>
				</li>
				
				<li><a href="page.html">Template Files</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="single.html">Single Blog Page</a></li>
					<li><a href="portfolio.html">Portfolio Page</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					<li><a href="page.html">Page</a></li>
					<li><a href="fullwidth.html">Page Fullwidth</a></li>
					<li><a href="contact.php">Contact</a></li>
					<li><a href="#">Second Level »</a>
						<ul>
						<li><a href="#">Just for</a></li>
						<li><a href="#">Demonstration</a></li>
						<li><a href="#">Purpose</a></li>
						</ul>
					</li>
					</ul>
				</li>
				<li><a href="styles.html">Styling</a>
					<ul>
					<li><a href="multislide.html">Multiple sliders on one page</a></li>
					<li><a href="styles.html">HTML styling</a></li>
					<li><a href="page.html">Columns in page with sidebar</a></li>
					<li><a href="fullwidth.html">Columns on Fullwidth page</a></li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a></li>
				<li class='current'><a href="portfolio.html">Portfolio</a>
					<ul>
					<li><a href="portfolio_2.html">Portfolio different heights</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					</ul>
				</li>
				<li><a href="contact.php">Contact</a></li>
			</ul>
			
		<!--end head-->
		</div>
	
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<!-- extra heading, remove if not needed-->
<div class="wrapper" id='wrapper_heading'>
	<div class="center">
	
		<div id='js_sort_items'>
				
				<div class='sort_by_cat'>
					<span>Show:</span>
					<a href="#" id='all_sort' class='active_sort'>All</a>
					<a href="#" id='WebDesign_sort'>Web Design</a>
					<a href="#" id='Featured_sort'>Featured</a>
				</div>
				
				<div class='sort_by_val'>
					<span>Sort by:</span>
					<a href="#" id='date_sort' class='active_sort reversed'>Date</a>
					<a href="#" id='name_sort'>Name</a>
				</div>
			
			<!--end sort_items-->
			</div>
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_main'>

	<div class="center">		
				
		<div id="main" class='portfolio'>
			

			<div class="entry portfolio_entry">
			
				<div class="one_fourth all_sort WebDesign_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med1.jpg" alt="" /></a>
				<h3 class='name_sort'>C web Lorem ipsum</h3><span class='date_sort hidden'>2010 01 01</span>
				<p>tetur adipisicing elit, sedr incididunt ut. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort Featured_sort"><a class='preloading'  href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>
				<h3 class='name_sort'>A mov Lorem ipsum</h3><span class='date_sort hidden'>2009 09 07</span>			
				<p>Lsed do eiusmodsum dolor sit amet, consectetur adipis tempor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort WebDesign_sort"><a class='preloading'  href="files/content_pic3.jpg"><img src="files/content_pic_med3.jpg" alt="" /></a>
				<h3 class='name_sort'>B web Lorem ipsum</h3><span class='date_sort hidden'>2009 08 10</span>
				<p>Led do eiusmod temsum dolor sit amet, consectetur adipissum dolor sit amet, consectetur adipispor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
				
				<div class="one_fourth all_sort last Featured_sort"><a class='preloading'  href="files/content_pic4.jpg"><img src="files/content_pic_med4.jpg" alt="" /></a>
				<h3 class='name_sort'>G mov Lorem ipsum</h3><span class='date_sort hidden'>2009 08 09</span>
				<p>Sincididunt ut labosum dolor sit amet, consectetur adipislore magna. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
			
			<!--end enty -->
			</div>
			
			<div class="entry portfolio_entry">
			
				<div class="one_fourth all_sort Featured_sort"><a class='preloading'  href="files/content_pic1.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>
				<h3 class='name_sort'>D mov Lorem ipsum</h3><span class='date_sort hidden'>2009 08 08</span>
				<p>Sdipisicing elit, sedr incididunt ut. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort Featured_sort WebDesign_sort"><a class='preloading'  href="files/content_pic2.jpg"><img src="files/content_pic_med3.jpg" alt="" /></a>
				<h3 class='name_sort'>mov web Lorem ipsum</h3><span class='date_sort hidden'>2009 08 07</span>			
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort Featured_sort WebDesign_sort"><a class='preloading'  href="files/content_pic3.jpg"><img src="files/content_pic_med4.jpg" alt="" /></a>
				<h3 class='name_sort'>Z web mov Lorem ipsum</h3><span class='date_sort hidden'>2009 08 06</span>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
				
				<div class="one_fourth all_sort last WebDesign_sort"><a class='preloading'  href="files/content_pic4.jpg"><img src="files/content_pic_med1.jpg" alt="" /></a>
				<h3 class='name_sort'>I web Lorem ipsum</h3><span class='date_sort hidden'>2009 08 05</span>
				<p>Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. amet, consecteturo eiusmod tempor incididunt ut labolore magna. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
			
			<!--end enty -->
			</div>
			
			<div class="entry portfolio_entry">
			
				<div class="one_fourth all_sort Featured_sort WebDesign_sort"><a class='preloading'  href="files/content_pic1.jpg"><img src="files/content_pic_med3.jpg" alt="" /></a>
				<h3 class='name_sort'>W web mov Lorem ipsum</h3><span class='date_sort hidden'>2009 08 04</span>
				<p>Sed do eiusmod tempor incididunt ut labolore magna, consectetur adipisicing elit, sedr incididunt ut. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort Featured_sort"><a class='preloading'  href="files/content_pic2.jpg"><img src="files/content_pic_med4.jpg" alt="" /></a>
				<h3 class='name_sort'>N mov Lorem ipsum</h3><span class='date_sort hidden'>2009 08 03</span>			
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort WebDesign_sort"><a class='preloading'  href="files/content_pic3.jpg"><img src="files/content_pic_med1.jpg" alt="" /></a>
				<h3 class='name_sort'>B web Lorem ipsum</h3><span class='date_sort hidden'>2009 08 02</span>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
				
				<div class="one_fourth all_sort last WebDesign_sort"><a class='preloading'  href="files/content_pic4.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>
				<h3 class='name_sort'>S web Lorem ipsum</h3><span class='date_sort hidden'>2009 08 01</span>
				<p>Lorem ipsum dolor sit amet, consecteturo eiusmod tempor incididunt ut labolore magna. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
			
			<!--end enty -->
			</div>
					
		<!--end main-->
		</div>
		
		<div class="pagination">
			<span class="current">1</span>
			<a href="#" class="inactive">2</a>
			<a href="#" class="inactive">3</a>
			<a href="#" class="inactive">4</a>
			<a href="#" class="inactive">5</a>
		</div>
		
		<div id="footer_inside">
		
		<!--end footer_inside-->
		</div>

	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_footer'>
	
	<div id="footer_outside">
		<span class="copyright">
			&copy; Copyright <a href='#'>YourName.Inc</a> - 
			Design by <a href="http://www.kriesi.at">Kriesi.at - Wordpress Themes</a>
		</span>
		
		<ul class="social_bookmarks">
			<li class="rss"><a href="#" class="ie6fix">RSS</a></li>
			<li class="facebook"><a href="#" class="ie6fix">Facebook</a></li>
			<li class="twitter"><a href="#" class="ie6fix">Twitter</a></li>
			<li class="flickr"><a href="#" class="ie6fix">flickr</a></li>
		</ul>
		
		<a href="#top" class='scrollTop'>top</a>
	<!--end footer_outside-->
	</div>
	
	
	
<!--end wrapper -->
</div>

</body>
</html>